<script setup lang="ts">
/**
  如果想要让简单类型的数据变成响应式数据
  请用ref函数包裹 --> 会放回一个响应式对象, 把值给到这个对象的value属性
  注意点:
  在script标签中使用, 需要.value
  在模板中使用, 正常使用
 */
import { ref } from 'vue'

const age = ref(18)
const changeAge = () => {
  age.value++
}

</script>

<template>
  <div class="app-page">
    <div>{{ age }}</div>
    <button @click="changeAge">年龄++</button>
  </div>
</template>

<style lang="css" scoped></style>
